//页面初始化
$(document).ready(function(){
    // window.addEventListener('isc_c_EventHandler_handleMouseWheel',func, { passive: false });
    //初始化日期控件
    iniTimePlugs();
    //绑定按钮事件
    var data = {type:"DEFAULT"};
    $("#searchOrders").click(function () {
        data.type = "SEARCH";
        data.name = $("#o_name").val() == "" ? "NONE":$("#o_name").val();
        data.code = $("#o_code").val() == "" ? "NONE":$("#o_code").val();
        data.product = $("#o_product").val() == "" ? "NONE":$("#o_product").val();
        data.start_time = $("#start_date").val() == "" ? "NONE":$("#start_date").val();
        data.end_time = $("#end_date").val() == "" ? "NONE":$("#end_date").val();
        //初始化页面
        getSalesOrders(data);
    })

    getSalesOrders(data);


});


var salesOrders = {};
//初始化时间控件
function iniTimePlugs(){
    var start_time = $("#start_date").datetimepicker({
        bootcssVer:3,  //bootstrap-datetimepicker＋bootstrap v3，但这个插件使用的时候，并没有和V3相匹配，仍然调用的是bootstrap V2的图标 把bootcssVer的值直接设为3，否则datetimepicker不会显示出上、下个月的箭头
        format: 'yyyy-mm-dd hh:ii',
        minView: 0,//设置时间选择为年月日 去掉时分秒选择
        todayBtn: true, //如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
        language: 'zh-CN',
        autoclose: true, //当选择一个日期之后是否立即关闭此日期时间选择器。
        keyboardNavigation: true, //是否允许通过方向键改变日期。
        forceParse: true, //当选择器关闭的时候，是否强制解析输入框中的值。
        todayHighlight: 1  //如果为true, 高亮当前日期
    }).on("click", function () {
        //設置可选的最后日期為當前日期
        //$("#input_date").datetimepicker("setEndDate", getToday())
    });

    var end_time = $("#end_date").datetimepicker({
        bootcssVer:3,  //bootstrap-datetimepicker＋bootstrap v3，但这个插件使用的时候，并没有和V3相匹配，仍然调用的是bootstrap V2的图标 把bootcssVer的值直接设为3，否则datetimepicker不会显示出上、下个月的箭头
        format: 'yyyy-mm-dd hh:ii',
        minView: 0,//设置时间选择为年月日 去掉时分秒选择
        todayBtn: true, //如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
        language: 'zh-CN',
        autoclose: true, //当选择一个日期之后是否立即关闭此日期时间选择器。
        keyboardNavigation: true, //是否允许通过方向键改变日期。
        forceParse: true, //当选择器关闭的时候，是否强制解析输入框中的值。
        todayHighlight: 1  //如果为true, 高亮当前日期
    }).on("click", function () {
        //設置可选的最后日期為當前日期
        //$("#input_date").datetimepicker("setEndDate", getToday())
    });

    start_time.on('dp.change', function (e) {
        end_time.data('DateTimePicker').minDate(e.date);
    });
    //动态设置最大值
    end_time.on('dp.change', function (e) {
        start_time.data('DateTimePicker').maxDate(e.date);
    });
}
//获取订单信息
function getSalesOrders(data){
    //获取销售订单头信息
    top.OB.RemoteCallManager.call("com.mes.handler.plan.SalesOrdersHandler", data , {}, function(response, data, request){
        if (data.result) {
            showInfos(data);
            //setTimeout(function () { addSorts(index,"orderTable"); }, 2000);
        }
    });

}
//展示销售订单
function showInfos(data) {
    var innerHtml = '';
    $("#accordion-921280").empty();
    salesOrders = data.data;
    $.each(salesOrders,function(key,value){  //遍历键值对
        // console.log(key+'````'+value)
        innerHtml += '<div class="accordion-group"> ' +
            ' <div class="accordion-heading"> ' +
            '     <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion-921280" style="font:blod 12px" onclick="showDetails(\''+key+'\')" href="#accordion-element-'+key+'">订单号：'+ key +'</a> ' +
            ' </div> ' +
            ' <div id="accordion-element-'+key+'" class="accordion-body collapse"> ' +
            '     <div class="accordion-inner"> ' +
            '★订单状态：'+ value.status +
            '&nbsp;&nbsp;&nbsp;★创建时间:'+ value.orderdate +
            '&nbsp;&nbsp;&nbsp;★联 系 人:'+ value.customer +
            '&nbsp;&nbsp;&nbsp;★联系电话:'+ value.phone +
            '&nbsp;&nbsp;&nbsp;★收件地址:'+ value.address +
            '     </div> ' +
            ' </div> ' +
            ' </div>';
    });
    $("#accordion-921280").append(innerHtml);
    show(data.count);
}
//展示销售订单详情
function showDetails(id) {
    $("#details").empty();
    var detalis = salesOrders[id].details;
    var innerHtml='';
    $.each(detalis, function (n, value) {
        innerHtml += '<div class="media well" style="border:thin solid #ffad11">  ' +
            '<a href="#" class="pull-left"><img src="'+top.OB.Application.contextUrl+'/web/images/111.jpg" style ="width: 125px;height: 125px" id="img'+value.productid+'" class="media-object" alt=\'\' /></a>  ' +
            '<div class="media-body">  ' +
            '<br class="media-heading">  【数   量：' +
            value.qty +'】</br>【型体名称：' +
            value.product +'】</br>【型体编码：' +
            value.productid +'】</br>【单   位：' +
            value.uom + '】</br>【备   注：' +
            value.desc + '】' +
            '</div> ' +
            '</div>';
    });
    $("#details").append(innerHtml);
    $.each(detalis, function (n, value) {
        var id = "img"+value.productid;
        showMoreInfos(id);
    });
    $("#");
}
//分页插件
function show(size) {
    $('.M-box3').pagination({
        pageCount: size,
        showData:15,
        jump: true,
        coping: true,
        homePage: '首页',
        endPage: '末页',
        prevContent: '上页',
        nextContent: '下页',
        callback: function (api) {
            console.log(api.getCurrent());
            var data = {};
            // data.name = ;
            // data.start_time = ;
            // data.ent_time = ;
            // data.code = ;
            data.size = 15;
            data.start = api.getCurrent();
            getPagesInfo();
        }
    });
}
//分页查询
function getPagesInfo(data) {
    top.OB.RemoteCallManager.call("com.mes.handler.plan.SalesOrdersHandler", {type:"PAGES",START:"",SIZE:15} , {}, function(response, data, request){
        if (data.result) {
            showInfos(data);
            //setTimeout(function () { addSorts(index,"orderTable"); }, 2000);
        }
    });
}
//鼠标移动到快上则显示弹窗
function showMoreInfos(id){
    $('#'+id).on('mouseover',function () {
        layer.open({
            type: 1,
            area: ['900px', '600px'],
            shadeClose: true, //点击遮罩关闭
            content: str
        });
        setTimeout(function () {}, 100);
        // $(".layui-layer-page").on('mouseout',function () {
        //     $('.layui-layer-shade').trigger("click");
        // });
    });
}

